import React, { PureComponent } from "react"
import { bindActionCreators } from "redux"
import { connect } from "react-redux"
import { Link} from 'react-router-dom';


import {Menu,Icon,Badge,Tag} from "antd"

export default class MenuTree extends PureComponent {
  render() {
    return (
      <div>
         <Menu
            onClick={this.handleClick}
            style={{ width: 250}}
            defaultSelectedKeys={['1']}
            mode="inline"
          >
          
            <Menu.ItemGroup key="g1" title="考核">
              <Menu.Item key="1">
                  <Icon type="exception" />
                  <Link to="/index/assess/waitGrade">待我评分</Link>
                  <Badge count={100} style={{ fontSize: '12px',marginLeft:"20px",marginTop:"-2px"}}></Badge>
              </Menu.Item>
              <Menu.Item key="2"><Icon type="database" />
                <Link to="/index/assess/analyze">考核板分析</Link>
              </Menu.Item>
              <Menu.Item key="3"><Icon type="switcher" />
                <Link to="/index/assess/departmentAnalyze">部门分析</Link>              
              </Menu.Item>
            </Menu.ItemGroup>

            <Menu.ItemGroup key="g2" title="我的">
              <Menu.Item key="5"><Icon type="to-top" />
                  <Link to="/index/mine/report">上报</Link>   
              </Menu.Item>
              <Menu.Item key="6">
                <Icon type="trophy" />
                 <Link to="/index/mine/grade">评分</Link>   
                 <Tag color="#f50">新评分</Tag>
               </Menu.Item>
            </Menu.ItemGroup>

            <Menu.ItemGroup key="g3" title="管理">
              <Menu.Item key="7">
              <Icon type="bank" />
                   <Link to="/index/manage/account">账户</Link>  
              </Menu.Item>
              <Menu.Item key="8">
                    <Icon type="team" />
                        <Link to="/index/manage/duty">职务</Link>     
            </Menu.Item>
              <Menu.Item key="9">
                    <Icon type="woman" />
                    <Link to="/index/manage/role">角色</Link>     
              </Menu.Item>
              <Menu.Item key="10"><Icon type="setting" />
              <Link to="/index/manage/setting">设置</Link>    
               </Menu.Item>
            </Menu.ItemGroup>

          </Menu>
      </div>
    )
  }
}
